/*
 * @Author: your name
 * @Date: 2020-11-26 11:13:15
 * @LastEditTime: 2020-12-03 15:37:55
 * @LastEditors: Please set LastEditors
 * @Description: In User Settings Edit
 * @FilePath: \FenXiaoShangChengAdmind:\工作资料\project_wjh\KunLunAdmin\web\KunLunAdmin\src\components\LcM\table\table_con\doc.js
 */

/*

模板

  <!-- 商品选择 -->
      <div
        class="table-model"
        :class="{ active: curTableName == 'goods_table' }"
        v-if="curTableName == 'goods_table'"
      >
        <div class="table-list">
          <div class="table-wrap">
            <table-con-check
              :defaultTableData="tableData1"
              :tableConfig="tableConfig1"
              :curCheckArr="curCheckArr"
              tableTitle="商品列表"
              hiddenBorder="true"
              @handleTableCheckArr="handleTableCheckArr"
              @handleCloseModel="handleCloseModel"
            />
          </div>

          <div class="close-btn" @click.stop="handleCloseTableModel">X</div>
        </div>
      </div>
      



//数据

curCheckArr 
      tableData1: [],
      //辅食机宝典
      tableConfig1: {
        tableItems: [
          {
            label: "序号",
            name: "index",
            type: "normal",
          },
          {
            label: "标题",
            name: "title",
            type: "normal",
          },
          {
            label: "类别id",
            name: "type",
            type: "normal",
          },
          {
            label: "创建时间",
            name: "gmtModified",
            type: "normal",
          },
        ],
        // tableOpt: {

        // },
        reqApi: API.treasure_manager.eating_treasure_page, //辅食机宝典api
      },


  方法

  /* 选项选择 * /
  handleTableCheckArr(checkOpt) {
    var checkItemId = checkOpt.checkArr[0].id;
    this.formData.contentId = checkItemId;
    console.log("已选择的contentId", this.formData.contentId);

    this.curTableName = "";
  },

  /* 关闭 * /
  handleCloseModel() {
    this.curTableName = "";
  },

  demo KunLunAdmin
  add_banner/ photo_manager

*/


/* 

/* 列表组件样式 */
.table-model {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  // min-height: 0;
  background-color: rgba(0, 0, 0, 0.6);
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  transition: 0.3s linear all;
  z-index: 1000;

  &.active {
    height: 100%;
    transition: 0.3s linear all;
  }

  .table-list {
    position: relative;
  }

  .table-wrap {
    position: relative;
    width: 900px;
    height: 600px;
    border: 1px solid #ddd;
    background-color: #fff;
    border-radius: 4px;
    // overflow-y: auto;
  }
  .close-btn {
    width: 30px;
    height: 30px;
    border: 1px solid #ddd;
    color: #fff;
    text-align: center;
    line-height: 30px;
    border-radius: 50%;
    position: absolute;
    z-index: 10001;
    top: -20px;
    right: -40px;
  }
  .close-btn:hover {
    cursor: pointer;
  }
}

/* 选择按钮 */
.s-btn {
  width: 100px;
  height: 60px;
}


*/
